<template>
  <div class="ElDialogImg">
    <el-dialog :visible.sync="dialogVisible">
      <div v-html="detail" class="detail"></div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'elDialogImg',
  components: {},
  data () {
    return {
      // 弹窗状态
      dialogVisible: false,
      // 弹窗显示内容
      detail: ''
    }
  },
  // 计算属性
  computed: {},
  watch: {},
  mounted () {
  },
  methods: {
    // 弹窗开关
    isShow () {
      this.dialogVisible = !this.dialogVisible
    },
    // 显示内容
    handleClose (detail) {
      this.detail = detail
    }
  }
}
</script>

<style lang="scss">
.detail img{
  width: 200px;
  margin: 0 auto;
}
</style>
